The Challenge:

Design a micro website that informs America about an important issue. The website should contain at least 5 different types of charts or graphs and source facts. Create a survey and gather at least 25 responses.

My solution:

My topic: Miscarriage Awareness. A tragedy easily dismissed by society that women often suffer alone.
The final design contains 4 pages:

1 - The landing page. Here the user is introduced to the issue and how common it is. There is also a graph that shows how women that have had a miscarriage define it.

2 - Basic information. The user is introduced to 4 different ways that miscarriage affects women, accompanied by a wealth of visual aids.

3 - How to help. This page uses the survey responses combined with visual aids to show which reactions women find helpful and which they do not.

4 -  Real Women. In this section I included 89 written responses from the women who took my survey. The information is organized in such a way that it can be skimmed without being overwhelmed, or the reader can read through each response individually.

You can find the prototype here, or continue below to see the full design.

And here is the final design:

Note in this final page that the "TOP" button and arrow will scroll with the viewport.

Mockup Credit:

https://www.freepik.com/psd/business Business psd created by freepik - www.freepik.com